<template>
	<div style="height:100%;">
	<menus name="homepage">
		<template>
		<div v-html="text"></div>
		</template>
	</menus>
	</div>
</template>
<script>
import menus from "@/components/menus";

export default {
	components: {
		menus
	},
	data () {
		return {
			text: "",
		}
	},
	watch: {
		nameMapping: function(v1, v2) {
			console.log(v1);
		}
	},
	created ()	{
		this.getDatas();
	},
	methods: {
		async getDatas () {
			const res = await $utils.readFile("./res/md/main.md");
			this.text = marked.parse(res);
		},
	}
}
</script>